<!DOCTYPE html>
<!--[if IE 8]>			<html class="ie ie8"> <![endif]-->
<!--[if IE 9]>			<html class="ie ie9"> <![endif]-->
<!--[if gt IE 9]><!-->	<html> <!--<![endif]-->
<head>
	<meta charset="utf-8">
	<title>在线充值</title>
	<meta name="keywords" content="{$menu.menu_seo_key|default=$site_seo_keywords}" />
	<meta name="description" content="{$menu.menu_seo_des|default=$site_seo_description}">
	{include file="public:head" /}
</head>
<body class="body-white">
<div class="wrap">
	{include file="public:nav" /}
	<div id="main-cmf">
		<div class="breadcrumb-wrapper">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 col-md-6 col-xs-12 col-sm-6">
						<h2 class="title">在线充值</h2>
					</div>
					<div class="col-lg-6 col-md-6 col-xs-12 col-sm-6">
						<div class="breadcrumbs pull-right">
							<ul>
								<li>{:lang('current location')}:</li>
								<li><a href="__ROOT__/">{:lang('home')}</a></li>
								<li><a href="{:url('home/Center/index')}">{:lang('personal center')}</a></li>
								<li>在线充值</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="content">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
						{include file="public:usernav"/}
					</div>
					<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
						<div id="center-content" style="padding:20px">
							<div class="row">
								  
                                  
                                  <form data-callback="create_success" id="payment" name="payment" action="{url('home/Payment/index')}" class="form-horizontal" role="form" data-auto="">
    
            <div class="form-group">
                        <label class="col-sm-2 control-label">充值金额：</label>
                        <div class="col-sm-3">
                            <input class="form-control"  name="fee" value=""  placeholder="充值金额">
                            <span style="animation-duration: 0.2s; padding-right: 20px; color: rgb(169, 68, 66); position: absolute; right: 0px; font-size: 12px; z-index: 2; display: block; width: 30px; text-align: center; pointer-events: none; top: 0px; padding-top: 6px; padding-bottom: 6px; line-height: 20px;"></span>
                        </div>
            </div>               
                      
            <div class="form-group">
        <label class="col-sm-2 control-label"></label>
        <div class="col-sm-5">
          <span class="label label-danger">Danger：</span>
          <div class="alert alert-danger" role="alert" style="margin-bottom: 0px;">
                  1、请先确认支付方式,订单生成生将不能进行修改支付方式
            <br/> 2、订单生成后请尽快完成支付<br>
                  3、如果是手机访问请选择手机支付类型
          </div>
        </div>
      </div>           
                      
         <!--支付渠道><-->
      <div class="form-group">
        <label class="col-sm-2 control-label">支付方式：</label>
        <div class="col-sm-10" style="padding: 0px;">
          <!--end headingline-->
          <div class="recommended-payment-methods col-sm-12" style="padding: 0px;">
            <div class="headingline">
              <div class="rectext col-sm-4">
                <ul class="nav nav-tabs" id="myTab">
                  <li class="active" id="clear1"><a data-toggle="tab" href="#recommended" >电脑端支付</a></li>
                  <li class="" id="clear2"><a data-toggle="tab" href="#other" >手机端支付</a></li>
                </ul>
              </div>
               
            </div>
            <div style="clear:both"></div>
            <div class="sys_item_spec">
              <dl class="clearfix iteminfo_parameter sys_item_specpara" data-sid="1">
                <div class="tab-content cardbgwrap" id="myTabContent">
                  <ul class="sys_spec_img tab-pane fade active in" id="recommended">
                    <li data-aid="1" class="cardiconin col-sm-3 "><a href="javascript:;"><img id="wxpayqrcode" onClick="PayType(this.id)" src="{$yf_theme_path}public/payment/images/wechatpay.png"/></a><i></i></li>
                    <li data-aid="2" class="cardiconin col-sm-3 "><a href="javascript:;"><img id="alipay" onClick="PayType(this.id)" src="{$yf_theme_path}public/payment/images/alipay.png"/></a><i></i></li>
                    <li data-aid="3" class="cardiconin col-sm-3 "><a href="javascript:;"><img id="Paypal" onClick="PayType(this.id)" src="{$yf_theme_path}public/payment/images/paypalpay.png"/></a><i></i></li>
                  </ul>
                  <ul class="sys_spec_img tab-pane fade" id="other">
                  <li data-aid="1" class="cardiconin col-sm-3 "><a href="javascript:;"><img id="wxpaypub" onClick="PayType(this.id)" src="{$yf_theme_path}public/payment/images/wechatpay.png"/></a><i></i></li>
                  <li data-aid="2" class="cardiconin col-sm-3 "><a href="javascript:;"><img id="aliwappay" onClick="PayType(this.id)" src="{$yf_theme_path}public/payment/images/alipay.png"/></a><i></i></li>
                   
                  </ul>
                </div>
              </dl>
            </div>
          </div>
        </div>                        
                                 
                                 
                                 
             <div class="form-group">
										<label class="col-sm-2 control-label">&nbsp;</label>
        <div class="col-sm-10" >
											<button class="btn btn-primary">充 值</button>
										</div>
			 </div>                    
                                 
                                 
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	{include file="public:footer"/}
</div>
{include file="public:scripts"/}
<script type="text/javascript" src="__PUBLIC__/others/region.js"></script>
</body>
</html>